﻿/* head column */

.ui-grid {
	position:relative;
	overflow:hidden;
	border: 1px solid #99BCE8;
	background: #dfe8f6;
	color: black;
	font-size:12px;
}

.ui-grid-header{
	cursor: default;
	position:relative;
	zoom: 1;
    padding: 0;
	border-bottom: 1px solid #99bce8;
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f9f9f9), color-stop(100%, #e3e4e6));
	background-image: -moz-linear-gradient(top, #f9f9f9,#e3e4e6);
	background-image: -ms-linear-gradient(#f9f9f9, #e3e4e6); /* IE10 */    
    background-image: -o-linear-gradient(#f9f9f9, #e3e4e6); /* Opera 11.10 */  
    background-image: linear-gradient(top, #f9f9f9,#e3e4e6);
    background-image: url("bg.svg");	
	z-index: 1;
	overflow:hidden;
}


.ui-grid-header-inner {
    overflow: hidden;
	white-space: nowrap;
}



.ui-gcolumn-header {
	padding: 0;
	position: absolute;

	overflow: hidden;
	border-right: 1px solid #c5c5c5;
	border-left: 0 none;
	border-top: 0 none;
	border-bottom: 0 none;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
	font: normal 12px/15px tahoma, arial, verdana, sans-serif;
	font: normal 11px tahoma, arial, verdana, sans-serif;
	background-image: none;
	background-color: #c5c5c5;
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f9f9f9), color-stop(100%, #e3e4e6));
	background-image: -moz-linear-gradient(top, #f9f9f9,#e3e4e6);
	background-image: linear-gradient(top, #f9f9f9,#e3e4e6)
}

/*.ui-gcolumn-header:hover  .ui-gcolumn-header-trigger {display: block;}*/

.ui-gcolumn-header-inner {  
    padding: 0 6px;
    position: relative;
    white-space: nowrap;
    vertical-align:middle;
    text-align:left;
}

.ui-gcolumn-header-text {white-space: nowrap;}

/* 排序小图标 */
.ui-gcolumn-header-trigger {
    display: none;
	height: 100%;
	width: 14px;
	background: no-repeat left center;
	background-color: #c3daf9;
	background-image: url('images/grid/grid3-hd-btn.gif');
	position: absolute;
	right: 0;
	top: 0;
	z-index: 2;
	cursor: pointer
}

.ui-gcolumn-header-hover, .ui-gcolumn-header-sort-ASC, .ui-gcolumn-header-sort-DESC {
    background-color: #AACCF6;
    background-image: -moz-linear-gradient(center top , #EBF3FD, #EBF3FD 39%, #D9E8FB 40%, #D9E8FB);
    border-left-color: #AACCF6;
    border-right-color: #AACCF6;
}

.ui-gcolumn-header-sort-ASC .ui-gcolumn-header-text {
	padding-right: 16px;
	background: no-repeat right 6px;
	background-image: url('images/grid/sort_asc.gif')
}
.ui-gcolumn-header-sort-DESC .ui-gcolumn-header-text {
	padding-right: 16px;
	background: no-repeat right 6px;
	background-image: url('images/grid/sort_desc.gif')
}


.ui-grid-container {
	position: absolute;
}

.ui-grid-container-inner {
	background: white;
	overflow-x:hidden;
	overflow-y:auto;
	position:relative;
}

.ui-grid-header-row{
	height:0;
	line-height:0;
	font-size:0;
	overflow:hidden;
	border-width:0;
}



.ui-grid-table {
	border-spacing: 0;
	table-layout:fixed;
	border-collapse: separate
}

.ui-grid-table td { display:table-cell;}

.ui-grid-header-row td{height:0;line-height:0;font-size:0;border:0 none;border-right-width:1px;*border-right:0px solid white;}

.ui-grid-row {
	vertical-align: top;
	padding: 0 1px;
}

.ui-grid-row-even {
    background-color:#efefef;
}

.ui-grid-cell {
    border:0 none;
	border-right:1px solid #c5c5c5;
	border-bottom:1px solid #ededed;
	overflow: hidden;
	font: normal 11px tahoma, arial, verdana, sans-serif;
}

.ui-grid-cell-inner {
    font: 11px tahoma,arial,verdana,sans-serif;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding: 1px 2px 0 2px;
}


.ui-pagenav {
    position:absolute;
    bottom:0;
    left:0;
    height:21px;
    border-top:1px solid #99bce8;
    width:100%;
}

.ui-pagenav a, .ui-pagenav span{margin:0 3px;display:inline-block;text-align:center;}
.ui-pagenav a {cursor:pointer;}
.ui-pagenav span {font-weight:bold;}

.editmask {
    position:absolute;
}

.editablecell {
    box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	background-color:#EAF1FB;
}


.ui-grid-editcell-inner {position:relative;float:left;}
.ui-grid-editcell-inner input,  .ui-grid-editcell-inner select{box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	width: 100%;
	height:100%;
}

